<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用v-model指令实现input和textarea控件的双向数据绑定</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>	
<div id="app">	
  <p>input控件的数据绑定：</p>
  <input type="text" v-model="inputName" placeholder="请输入用户名……">
  <p>用户名: {{ inputName }}</p>	 
  <p>textarea控件的数据绑定：</p>	  
  <textarea cols="25" rows="5" placeholder="请留言……" v-model="infoText"></textarea>
  <p style="white-space: pre-line">留言内容：{{ infoText }}</p>
</div>
<script>
  var vm=new Vue({ 
      el: "#app",
      data: {
          inputName: '吉琳',
          infoText:'今天的志愿活动在哪里集合？\r\n几点集合？'
        }
     })
</script>
</body>
</html>
